﻿<div>
    <div class="message-header">
        <h1>Message Board</h1>
        <p class="lead">latest Messages</p>
        <div>Message Count : {{data.length}}</div>

    </div>
    <div>
        <a href="#/newmessage">Add New Message</a>
    </div>
    <div class="progress progress-striped active" ng-show="isBusy">
        <div class="progress-bar" style="width: 100%"></div>
    </div>
    <div class="messages">
        <div class="message row" ng-repeat="i in data">
            <div class="title col-md-10">
                <a ng-href="#/message/{{i.id}}"> {{ i.title }}</a>
            </div>
            <div class="date col-md-2">{{i.created | date:"medium"}}</div>
            <div class="contents col-md-12">
                {{i.body}}
            </div>
          
        </div>
    </div>
</div>
